<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  {{> includes/head.html }}
</head>
<body>
  {{> includes/header.html }}
  <div class="container-fluid">
    <div class="row">
      <form action="/auth/" method="post" class="form-register">
        <input type="hidden" name="redirectTo" value="{{{redirectTo}}" />
        <h3>
          登录
          <span class="help-block small">输入用户名和密码登录系统.</span>
        </h3>
        <noscript>
          <div class="alert alert-danger small" role="alert">
            <i class="fa fa-exclamation-triangle"></i> <strong>WARNING</strong>: The username entered may include additional sanitizing for web friendly URLs and Userscript engine compatibility. If you wish to see the sanitization changes please enable JavaScript and <a href="/login">start over</a>.
          </div>
        </noscript>
        <div class="input-group">
          <span class="input-group-addon">
            <i class="fa fa-user fa-fw"></i>
          </span>
          <div class="form-group has-feedback has-clear">
            <input class="search form-control" type="text" name="username" value="{{wantname}}" placeholder="用户名" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" required="required">
            <span class="form-control-feedback form-control-clear fa fa-times hidden"></span>
          </div>
          <!-- 添加密码、手机号、验证码字段 -->
          <div class="form-group has-feedback has-clear">
            <input class="search form-control" type="password" name="password" value="" placeholder="密码" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" required="required">
            <span class="form-control-feedback form-control-clear fa fa-times hidden"></span>
          </div>
          <div class="form-group has-feedback has-clear">
            <input class="search form-control" type="text" name="phone" value="" placeholder="手机号" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" required="required">
            <span class="form-control-feedback form-control-clear fa fa-times hidden"></span>
          </div>
          <div class="form-group has-feedback has-clear">
            <input class="search form-control" style="width: 50%; margin-right: 4px;" type="text" name="vcode" value="" placeholder="短信验证码"
                   spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" required="required">
            <span class="btn btn-info" id="sendVcode" class="pull-left">发送验证码</span>
            <span class="form-control-feedback form-control-clear fa fa-times hidden"></span>
          </div>
          <div style="width: 100%;">
            <div class="input-group-addon">
              <p>
                <ul class="nav nav-pills nav-justified">
                  <li><a href="/about/Terms-of-Service"><i class="fa fa-legal"></i> 服务条款</a></li>
                  <li><a href="/about/Privacy-Policy"><i class="fa fa-user-secret"></i> 隐私策略</a></li>
                </ul>
              </p>
              <p>
                <span class="small" style="white-space: normal;"><input type="checkbox" name="consent" value="true" required="required"> 我理解并且同意以上条款和策略.</span>
              </p>
            </div>
            <div class="input-group-addon">
              <button class="btn btn-info" type="submit" id="action" class="pull-left">Next <i class="fa fa-sign-in fa-fw"></i></button>
            </div>
          </div>
        </div>
        <div class="alert alert-warning small" role="alert">
          <i class="fa fa-exclamation-triangle"></i> <strong>慎重</strong>: 您注册的用户名会显示给所有用户. 强烈建议您 <strong>不要</strong> 使用邮箱作为用户名.
        </div>
      </form>
    </div>
  </div>
  {{> includes/footer.html }}
  {{> includes/scripts/loginEcho.html }}
  {{> includes/scripts/formControlClear.html }}
</body>
</html>
